.home-container {
    position: relative;
    min-width: 550px;
    height: 100%;
    min-height: 500px;
    background-color: #eeeeee;

    .home-box {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 96%;
        height: 94%;
        padding: 0 50px;
        background-color: hsl(0deg 0% 100% / 80%);
        border-radius: 10px;

        .box-item {
            width: 300px;
            padding: 50px 40px 45px;
            border-radius: 10px;
            box-shadow: 2px 3px 7px rgb(0 0 0 / 20%);
            transition: all 0.2s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            &:hover {
                box-shadow: 1px 2px 4px rgb(0 0 0 / 20%);
            }

            .box-item-icon {
                margin-bottom: 20px;
                font-size: 40px;
            }

            .box-item-title {
                font-size: 32px;
                font-weight: 600;
            }
        }
    }
}